<template>
  <div id="vip">
    <div class="login-head">
      <span style="color: #fff" @click="jumpFn()">
        <van-icon name="arrow-left"
      /></span>
      <span class="login-title">我的优惠</span>
      <span></span>
    </div>
    <div class="content-sm">
      <h3>Q1: 怎么获得会员？</h3>
      <ul>
        <li>通过邀请好友获得</li>
        <li>在下单返会员的商家下单获得</li>
        <li>抢微信朋友分享的会员获得</li>
      </ul>
      <h3>Q2: 会员可以做什么？</h3>
      <p>可以抵扣在线支付时的实际支付金额。</p>
      <h3>Q3: 会员的门槛金额按照什么金额计算？</h3>
      <p>
        会员的的门槛金额按照（选购菜品折后价＋餐盒费）的金额作为计算门槛，即购物车显示的金额（7.3以上版本）。假设会员满30可用，只要选购的菜品现价（折后价）＋餐盒费超过30，就可以使用会员。
      </p>
      <h3>Q4: 一个会员能拆开多次使用吗？</h3>
      <p>不能，一个会员只能一次性使用，不能分开使用。</p>
      <h3>Q5: 下单的时候使用了会员，但是后来订单取消了，会员还会返还吗？</h3>
      <p>会的，订单无效后会员会自动返还到您的账户里。</p>
      <h3>Q6: 会员兑换码怎样兑换成会员，怎样查看会员？</h3>
      <p>在个人中心 > 我的会员 > 兑换会员，输入兑换码进行兑换。</p>
      <h3>Q7: 邀请好友了，为什么没获得会员？</h3>
      <p>
        先检查下您是否在同一设备上进行的邀请？或者被邀请人是否通过您发给对方的链接进行注册？而非自己复制链接注册的。同一设备上邀请或没有按照点击发送的链接邀请都是无效邀请。如果您是正常邀请没获得会员，可以致电客服进行查实。
      </p>
      <h3>Q8: 预订早餐、预订午餐的会员怎么使用？在哪里查询？</h3>
      <ul>
        <li>
          预订早餐、预订午餐的会员暂时不支持直接点外卖使用，并且当前点外卖的会员也暂时不支持在预订早餐、预订午餐时使用。
        </li>
        <li>
          预订早餐、预订午餐的会员从APP首页点击“预订早餐”按钮进入后在右上角的个人中心中查找预订早餐、预订午餐的会员。
        </li>
      </ul>
      <h3>Q9: 互斥会员怎么使用？</h3>
      <ul>
        <li>
          互斥会员不与其他优惠活动（包含但不限于：新用户专享、满X元减X元、满X元赠XX）同时使用。
        </li>
      </ul>
      <h3>Q10: 返会员活动， 会员领取规则是什么?</h3>
      <ul>
        <li>同一个手机号一天限领取三个。</li>
        <li>同一注册用户一天限领取三个。</li>
        <li>注册用户会员直接发送至用户账户里。</li>
        <li>
          非注册用户会员以兑换码短信的形式发送至用户手机，注册后凭兑换码兑换即可。
        </li>
        <li>会员的使用周期为1周，自会员发放的第2天开始计算。</li>
        <li>同一个手机号一天最多使用两个会员。</li>
        <li>未收到会员短信的用户注意查看手机里的拦截短信。</li>
        <li>有任何问题请拨打客服电话：10105757。</li>
      </ul>
    </div>
  </div>
</template>

<script>
export default {
  name: "vipSm",
  data() {
    return {};
  },
  mounted() {},
  methods: {
    jumpFn() {
      this.$router.push({
        name: "vipCenter",
      });
    },
  },
};
</script>

<style scoped>
.login-head {
  width: 100%;
  height: 1.2576rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #0092e8;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 20;
}
#vip {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 20;
}
.content-sm {
  margin-top: 1.3514rem;
  padding: 0 0.2703rem;
  background-color: #fff;
}
.content-sm h3 {
  font-size: 0.4595rem;
  color: #333;
  margin: 0.4054rem 0;
}
.content-sm li,
.content-sm,
p {
  color: #666;
  font-size: 0.3784rem;
}
.login-title {
  color: white;
  position: relative;
  left: -0.5405rem;
  font-size: 0.5405rem;
  z-index: 20;
}
</style>